
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>16110100521_谭创浩</title>
		<style>
			ul{
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;
			}

			a{
				margin: 0;
				padding: 0;
				text-decoration: none;
			}
			.box{
				width: 340px;
				height: 305px;
				border: 1px solid rgb(227,227,227);
				margin-top: 6px;
				margin-left: 8px;
				position: relative;
			}
			.top{
				background-image: url(top_bg.jpg);
				widows: 340px;
				height: 28px;
				border-bottom: 1px solid rgb(227,227,227);
			}
			.top img{
				height: 4px;
				width: 6px;
				margin-left: 10px;
				position: absolute;
				top: 12px;
			}
			.top a{
				color: black;
				font-size: 14px;
				margin-top: 7px;
			}
			.top span{
				line-height: 28px;
				height: 28px;
				margin-top: 5px;
				margin-left: 20px;
			}
			.right{
				float: right;
			}
			.center{
				width: 329px;
				height: 80px;
				margin-left: 14px;
				margin-top: 12px;
				margin-bottom: 0px;
			}
			.center img{
				float: left;
				margin-right: 10px;
			}
			.center a{
				color: rgb(0,77,163);
				font-size: 12px;
			}
			.center p{
				font-size: 10px;
				color: rgb(112,112,112);
			}
			.center p a{
				color: red;
				font-size: 10px;
			}
			.footer{
				height: 150px;
				
			}
			.list{
				line-height: 15px;
				height: 15px;
				float: left;
				margin-top: 15px;
				background-image: url(list.jpg);
				background-repeat: no-repeat;
				margin-left: 15px;	
				
				padding-left: 5px;
				background-position: 0 10px; 
				font-size: 13px;
				text-align: left;
				color: rgb(36,77,131)
			}
		</style>
	</head>
	<body>
	<div class="box">
		<div class="top">
			<img src="dot_top.jpg" />
			<strong><span >东湖评论</span></strong>
			<strong><a href="#" class="right">更多>></a></strong>
		</div>
		
		<div class="center">
			<img src="1.jpg"/>
			<a href="#">“天路基石”绽放璀璨光辉</a>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;他们将个人的利益置之度外，淡泊<br>名利，不计得失，默默奉献，他们是共<br>和国的“航天英雄”。<a href="#">[更多]</a></p>
			
		</div>
		<div class="footer">
			<ul >
				<li class="list"><a href="#">刘艳秋：领导一怒，尽显湖泊保护之短板</a></li>
				<li class="list"><a href="#">薛家明：给“高校腐败”打一剂退烧药</a></li>
				<li class="list"><a href="#">徐尼基：批准转基因农产品要想消除公众疑虑</a></li>
				<li class="list"><a href="#">兰玲：政府储备土地何必急于一时？</a></li>
				<li class="list"><a href="#">湖北日报社评：让建设新思维遍放异彩</a></li>
				<li class="list"><a href="#">楚天都市报：面对“冠军”大学能否淡定点</a></li>
			</ul>
		</div>
	
	</div>
	</body>
</html>
